<template>
  
    <div class="view-frame">
      <div  class="view-head">
                  <el-breadcrumb separator="/">
                    <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
                    <el-breadcrumb-item>活动管理</el-breadcrumb-item>
                    <el-breadcrumb-item>活动列表</el-breadcrumb-item>
                    <el-breadcrumb-item>活动详情</el-breadcrumb-item>
                  </el-breadcrumb>
      </div>
      <div class="view-body">
      <portlet name="产品使用记录">
        <el-row>
          <el-col :span="24">
            <!-- <el-row :gutter="20">
              <el-col :span="6">
                <el-input v-model="name" placeholder="请输入姓名"></el-input>
              </el-col>
              <el-col :span="3">
                <el-button  icon="search" type="primary"  @click="search">查询</el-button>
              </el-col>
              <el-col :span="3">
                <el-button icon="plus" type="primary"  @click="dialogFormVisible = true">新增</el-button>
              </el-col>
              <el-col :span="3">
                <el-button icon="delete" @click="delet" type="primary">删除</el-button>
              </el-col>
              <el-col :span="3">
                <el-button  icon="edit" type="primary" @click="update">修改</el-button>
              </el-col>
            </el-row> -->
            <el-row>
              
            </el-row>
            <el-row>
              <el-col :span="24">
                  <el-tree
                    :data="data2"
                    :props="defaultProps"
                    node-key="id"
                    default-expand-all
                    :expand-on-click-node="false"
                    :render-content="renderContent">
                  </el-tree>
                    
              </el-col>
            </el-row>
          </el-col>
        </el-row>
      </portlet>
      </div>
      <el-dialog title="新增用户" v-model="dialogFormVisible0" size='small'>
        <el-form :model="form0">
          <el-form-item label="用户名" label-width="70px">
            <el-input v-model="form0.name" auto-complete="off"></el-input>
          </el-form-item>
        </el-form>
        <div slot="footer" class="dialog-footer">
          <el-button @click="dialogFormVisible0 = false">取 消</el-button>
          <el-button type="primary" @click="add">确 定</el-button>
        </div>
      </el-dialog>
      <el-dialog title="新增用户" v-model="dialogFormVisible1" size='small'>
        <el-form :model="form1">
          <el-form-item label="用户名" label-width="70px">
            <el-input v-model="form1.name" auto-complete="off"></el-input>
          </el-form-item>
        </el-form>
        <div slot="footer" class="dialog-footer">
          <el-button @click="dialogFormVisible1 = false">取 消</el-button>
          <el-button type="primary" @click="update">确 定</el-button>
        </div>
      </el-dialog>
      <el-dialog title="新增用户" v-model="dialogFormVisible2" size='small'>
        <el-row :gutter="20">
          <el-col :span="6">
            <el-input v-model="name" placeholder="请输入姓名"></el-input>
          </el-col>
          <el-col :span="4">
            <el-button  icon="search" type="primary"  @click="search">查询</el-button>
          </el-col>
          <el-col :span="4">
            <el-button icon="plus" type="primary"  @click="dialogFormVisible = true">新增</el-button>
          </el-col>
          <el-col :span="4">
            <el-button icon="delete" type="primary">删除</el-button>
          </el-col>
          <el-col :span="4">
            <el-button  icon="edit" type="primary" @click="update">修改</el-button>
          </el-col>
        </el-row>
         <el-table
          :data="operateData"
          style="width: 100%">
          <el-table-column
            prop="operate_name"
            label="操作名称">
          </el-table-column>
          <el-table-column
            prop="operate"
            label="操作码">
          </el-table-column>
        </el-table>
        <div slot="footer" class="dialog-footer">
          <el-button @click="dialogFormVisible2 = false">取 消</el-button>
          <el-button type="primary" @click="power">确 定</el-button>
        </div>
      </el-dialog>
    </div>
</template>
<script>
    import _default from "./index.js";
    import './index.scss';
    export default _default;
</script>

